<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Control</title>
        <link href="../../py/resources/share/control/core.css" rel="stylesheet" type="text/css" />
        <link href="../../py/resources/default/control/core.css" rel="stylesheet" type="text/css" />
        <link href="../../py/resources/share/control/shadow.css" rel="stylesheet" type="text/css" />
        <link href="../../py/resources/default/control/shadow.css" rel="stylesheet" type="text/css" />
		
        <script src="../../py/system.js" type="text/javascript"></script>
		<script src="../../py/system/dom/element.js" type="text/javascript"></script>
		<script src="../../py/system/controls/control.js" type="text/javascript"></script>
		<script src="../../py/System/controls/surround.js" type="text/javascript"></script>
		<script src="../../py/System/controls/shadow.js" type="text/javascript"></script>
		
		<script src="../../common/project/project.js" type="text/javascript"></script>
		<script src="../../common/assets/scripts/default.js" type="text/javascript"></script>
		<script src="../../common/assets/scripts/debug.js" type="text/javascript"></script>
    </head>
    <body>
		<div class="x-shadow" id="a" style=" position:relative;  width:200px; left:500px; top:40px; height:300px;    border:1px solid  #000; ">
			<div style=""> </div>
			
			<input type="button"  onclick="document.getElementById('a').style.height = '200px';" />HTML
			
			
			<div  class="x-shadow-lt"></div>
			<div class="x-shadow-t"  ></div>
			<div class="x-shadow-rt"></div>
			<div class="x-shadow-l"></div>
			<div  class="x-shadow-lb"></div>
			
			<div class="x-shadow-r"></div>
			<div class="x-shadow-b"></div>
			<div class="x-shadow-rb"></div>
		</div>
		<div id='shadow_frame' style="height:300px; top:100px; width:200px; position:absolute;left:40px; border:1px solid  #000; position: absolute; z-index:10"><div class="x-shadow-cc">HTML</div></div>
		<div id='shadow_drop' style="height:300px; top:500px; width:200px; position:absolute;left:40px; border:1px solid  #000; position: absolute; z-index:10"><div class="x-shadow-cc">HTML</div></div>

	<script>
			
				
			$('shadow_frame').setShadow();
				
			$('shadow_drop').setShadow('rb');
			
			
		</script>
	</body>
</html>
